<!DOCTYPE html>
<html lang="en">
<head>
<title>忘记密码</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script type="text/javascript" src="../../staticFile/js/common/mobileCommon.min.js"></script>
<link type="text/css" rel="stylesheet" href="../../staticFile/css/mobile/common.css">
<link type="text/css" rel="stylesheet" href="../../staticFile/css/mobile/mobileTips.css">
<style type="text/css">
.middle-main{padding: 0.6rem;}img{margin-right: 0.1rem;}.reset-pwd{text-align: center;font-size:0.7rem;line-height: 2rem;}
.middle-main .verify-name{font-size: 0.5rem;}
.btn{width: 100%;font-size: 0.6rem;background-color: #ffa12d;border: 0px;color: white;margin-top: 0.3rem;}
.verify-name input{font-size: 0.5rem;width: 100%;padding: 0.2rem;margin-top:0.3rem;}
#nameErrorMsg,#phoneVerifyErrorMsg,#pwdErrorMsg{color: red;line-height: 0.4rem;margin-top: 0.2rem;font-size: 0.4rem;display: none;}
#btnNextWriteName{margin-top: 0.8rem;}.verify-phone{margin: 0 auto;}#goLogin{text-align: center;display: none;}
</style>
<script type="text/javascript" src="../../staticFile/js/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../staticFile/js/plugins/encryption/scs_sha1.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/constant.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/mobileTips.js"></script>
<script type="text/javascript" src="../../staticFile/js/userIndex/mForgetPassword.js"></script>
</head>
<body>
<div class="reset-pwd">重置密码</div>
<div class="middle-main">
    <div id="verifyName" class="verify-name">
        <div>请输入注册时使用的登录名/手机号码</div>
        <input type="text" id="loginName" placeholder="登录名/手机号码" autocomplete="new-text"/>
        <div id="nameErrorMsg"></div>
        <button id="btnNextWriteName" class="btn">下一步</button>
    </div>
    <div id="verifyByCode" class="verify-name" style="display: none;">
        <div style="margin-top: -1rem;">您正在使用<label style="color: red;">短信验证码</label>修改密码</div>
        <hr/>
        <div id="verifyPhone" class="verify-phone">
            <div>
                将发送短信验证码到此手机：<span id="verifyLoginPhone"></span>
            </div>
            <div>
                <input type="text" id="modifyPwdCheckCode" placeholder="请输入手机收到的验证码"/>
                <div id="phoneVerifyErrorMsg"></div>
                <button id="btnSendCheckCode" class="btn">发送验证码</button>
            </div>
            <div>
                <input type="password" id="newPwd" placeholder="请输入新密码" autocomplete="new-password"/>
                <input type="password" id="sureNewPwd" placeholder="再次确认新密码" autocomplete="new-password"/>
            </div>
            <div id="pwdErrorMsg"></div>
            <button id="btnSureModify" class="btn">确认修改</button>
        </div>
    </div>
    <div id="goLogin">
        <img src="../../staticFile/images/mobile/smile.png">
        <div>密码修改成功</div>
        <button class="btn" onclick="javascript:window.location.href = 'mUserLogin.html'">返回登录</button>
    </div>
</div>
</body>
</html>